#{extends 'main.html' /}

<div id="principal">

<div id="header_registro">
<img src="/public/images/header_registro.jpg" />
</div>

<div style="padding-top: 50px;" align="center"><b>REGISTRO DE ASIGNATURA</b></div>
<br>

#{ifErrors}
${errors[0]}
#{/ifErrors}
<br>

<div id="bloque_registro">

#{form @registroAsignatura(nombreplan,nombrecurso,numerocreditos,codigocurso) }


<div id="bloque">
<div style="float:left;width:150px;" ><b>1)Nombre Plan:</b></div> <div align="center" style="float:right;width:300px"><input type="text" name="nombreplan" id="nombreplan" style="width:300px;"  /></div>
</div>

<div id="bloque">
<div style="float:left;width:150px;" ><b>1)Curso </b>:</div> <div align="center" style="float:right;width:300px"><input type="text" name="nombrecurso" id="nombrecurso" style="width:300px;"  /></div>
</div>


<div id="bloque">
<div style="float:left;width:150px;"><b>2)Creditos :</b></div><div style="float:right;width:300px"><input type="text" name="numerocreditos" id="numerocreditos" style="width:300px;" /></div>
</div>

<div id="bloque">
<div style="float:left;width:150px;"><b>3)Codigo :</b></div><div style="float:right;width:300px;"><input type="text" name="codigocurso" id="codigocurso" style="width:300px;" /></div>
</div>

<br>
<div id="bloque" align="center">
<input type="submit"   align="middle" style="width: 150px;" value="Registrar" />
</div>

#{/form}

</div>


<div align="center" style="width:800px;"><a href="@{Usuarios.Inicio()}">Volver al inicio</a></div>
<div id="footer_registro">
<img src="/public/images/footer.png" />
</div>

</div>




<script type="text/javascript">

$(document).ready(function(){
	
	$('input').focus(function(){
		$(this).css({
			'border-color':'red'
		});
	});
	
	$('input').blur(function(){
		$(this).css({
			'border-color':'blue'
		});
	});
	
});

</script>
